<template>
  <div class="Echarts">
    <!--<div ref="cgsJ" style="height:380px;background:#fff"></div>-->
    <div id="main" style="width: 1000px;height:400px;"></div>
  </div>
</template>

<script>
export default {
  name: 'Echarts',
  data(){
    return {
      tableData: null,
      schooltypename:[],
      schooltypecode:[]
    }
  },
  methods: {
    myEcharts() {
      // 基于准备好的dom，初始化echarts实例
      //this.cgsJg=echarts.init(this.$refs.cgsJ);(自己联系的项目中)
      var myChart = this.$echarts.init(document.getElementById('main'));

      // 指定图表的配置项和数据
      var option = {
            dataset: [
              {
                // 这个 dataset 的 index 是 `0`。
                source: [
                  ['Product', 'Sales', 'Price', 'Year'],
                  ['Cake', 123, 32, 2011],
                  ['Cereal', 231, 14, 2011],
                  ['Tofu', 235, 5, 2011],
                  ['Dumpling', 341, 25, 2011],
                  ['Biscuit', 122, 29, 2011],
                  ['Cake', 143, 30, 2012],
                  ['Cereal', 201, 19, 2012],
                  ['Tofu', 255, 7, 2012],
                  ['Dumpling', 241, 27, 2012],
                  ['Biscuit', 102, 34, 2012],
                  ['Cake', 153, 28, 2013],
                  ['Cereal', 181, 21, 2013],
                  ['Tofu', 395, 4, 2013],
                  ['Dumpling', 281, 31, 2013],
                  ['Biscuit', 92, 39, 2013],
                  ['Cake', 223, 29, 2014],
                  ['Cereal', 211, 17, 2014],
                  ['Tofu', 345, 3, 2014],
                  ['Dumpling', 211, 35, 2014],
                  ['Biscuit', 72, 24, 2014]
                ]
              },
              {
                // transform语法糖：几个 transform 被声明成 array ，他们构成了一个链，前一个 transform 的输出是后一个 transform 的输入。
                transform: [{
                  type: 'filter',
                  config: {dimension: 'Product', value: 'Tofu'}
                },
                  // 这个类型为 "filter" 的 transform 能够遍历并筛选出满足条件的数据项。
                  {
                    type: 'sort',
                    config: {dimension: 'Year', value: 'desc'}
                  },
                  // {
                  //   type: 'filter',
                  //   config: {dimension: 'Year', value: 2013}
                  // }
                ]
              },
            ],
            series: [
              {
                type: 'pie',
                radius: 50,
                center: ['25%', '50%'],
                // 这个饼图系列，引用了 index 为 `1` 的 dataset 。也就是，引用了上述
                // 2011 年那个 "filter" transform 的结果。
                datasetIndex: 1
              },
              {
                type: 'pie',
                radius: 50,
                center: ['50%', '50%'],
                datasetIndex: 2
              },
              {
                type: 'pie',
                radius: 50,
                center: ['75%', '50%'],
                datasetIndex: 3
              }
            ],
          }
          myChart.setOption(option)
          }
  },
  mounted() {
    this.myEcharts();
  },
}
</script>
